<template>
    <Head>
        <Title>Forgot Password</Title>
    </Head>
        <PageHeader title="Forget Password" subtitle="Forget Password" :image="`${$config.public.baseUrl}images/bg/home1/11.png`"/>
    <section class="account padding-top padding-bottom">
        <div class="container-fluid">
            <div class="account__wrapper" data-aos="fade-up" data-aos-duration="800">
                <div class="row g-4">
                    <div class="col-lg-12">
                        <div class="account__content">
                            <!-- account tittle -->
                            <div class="account__header">
                                <h3>Forget Password</h3>
                                <p>No worries, we’ll send you reset instructions.</p>
                            </div>
                            <!-- account form -->
                            <form action="#" class="account__form">
                                <div class="row g-4">
                                    <div class="col-lg-12">
                                        <div class="input-group">
                                            <input type="email" class="form-control" id="account-email"
                                                placeholder="Enter  email" required>
                                            <div class="valid-tooltip">
                                                This email is valid
                                            </div>
                                            <div class="invalid-tooltip">
                                                Please enter a valid email
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <button type="submit" class="trk-btn trk-btn--border trk-btn--secondary1 d-block mt-4">Reset
                                    password</button>
                            </form>
                            <!-- account social -->

                            <div class="account__switch">
                                <p>Don't have a account yet? <nuxt-link href="/signup">Create an Account</nuxt-link></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</template>

<script>
import PageHeader from '@/components/partials/PageHeader.vue'
export default {
    scrollToTop: true,
    components: { PageHeader },
}
</script>